<template>
  <div class="app-container">
    <el-button type="primary" plain>批量审核 </el-button>
    <el-button type="primary" plain>新增用户 </el-button>
    <br />
    <br />

    <el-form :inline="true">
      <el-form-item label="培训项目">
        <el-select style="width: 100px">
          <el-option label="全部" value="0" />
          <el-option label="篮球" value="1" />
          <el-option label="羽毛球" value="2" />
        </el-select>
      </el-form-item>
      <el-form-item label="培训名称">
        <el-input style="width: 100px" />
      </el-form-item>

      <el-form-item label="培训时间">
        <el-date-picker
          v-model="payTimeArr"
          value-format="YYYY-MM-DD"
          type="daterange"
          range-separator="至"
          start-placeholder="开始日期"
          end-placeholder="结束日期"
          @change="handleQuery"
        />
      </el-form-item>
      <el-form-item label="报名 时间" prop="signTimeRange">
        <el-date-picker
          v-model="signTimeArr"
          type="datetimerange"
          value-format="YYYY-MM-DD"
          range-separator="至"
          start-placeholder="开始日期"
          end-placeholder="结束日期"
        />
      </el-form-item>

      <el-form-item>
        <el-button type="primary" icon="Search" @click="handleQuery"
          >查询</el-button
        >
        <el-button type="warning" icon="Search" @click=""
          >导出报名人员</el-button
        >
      </el-form-item>
    </el-form>
    <!-- <el-row :gutter="10" class="mb8">
        <el-col :span="20">
          <el-button
            type="warning"
            plain
          >导出</el-button>
        </el-col>
        <right-toolbar v-model:showSearch="showSearch" @queryTable="getList" />
      </el-row> -->

    <!-- 表格数据 -->
    <el-table>
      <!-- <el-table-column type="index" /> -->
      <el-table-column label="姓名" min-width="240"></el-table-column>
      <el-table-column label="性别" min-width="100"></el-table-column>
      <el-table-column label="报名时间" min-width="200"></el-table-column>
      <el-table-column label="培训项目" min-width="120"></el-table-column>
      <el-table-column label="考试项目" min-width="120"></el-table-column>
      <el-table-column label="选择酒店" min-width="100"></el-table-column>
      <el-table-column label="费用合计" min-width="120"></el-table-column>
      <el-table-column label="操作" min-width="120">
        <template #default="scope">
          <el-button
            type="text"
            icon="Edit"
            @click="handleUpdate(scope.row)"
            v-hasPermi="['system:dept:edit']"
            >审核</el-button
          >
          <el-button
            type="text"
            icon="Plus"
            @click="handleAdd(scope.row)"
            v-hasPermi="['system:dept:add']"
            >详情</el-button
          >
          <el-button
            v-if="scope.row.parentId != 0"
            type="text"
            icon="Delete"
            @click="handleDelete(scope.row)"
            v-hasPermi="['system:dept:remove']"
            >退回</el-button
          >
        </template>
      </el-table-column>
    </el-table>
  </div>
</template>

<script setup name="train">
// import {trainList,trainUpdate,trainExport,trainEdit} from "@/api/train/list"
// import { getCurrentInstance } from "vue";
// const {proxy} =getCurrentInstance()
// const ListTrain = ref([]);

// const queryData=reactive({
//   pageSize:10,
//   pageNum:1,
//   trainName:'',
//   projectId:'',
//   trainStartTime:''
// })

/** 查询培训列表 */
// function getList() {
//   trainList(queryData.value).then(response => {
//     ListTrain.value = proxy.handleTree(response.data);
//     console.log(response.data);
//   });
// }

// getList()
</script>

<style scoped></style>
